<extend name="zh_cn:Public:base" />
<block name="title">
    <title class="navbar-title typo-text-white-deep">首页</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/BookPage/index.css?rev=ca956853abb9886081424807595c913bd">
    <link rel="stylesheet" type="text/css" href="/Public/jslib/toastr/2.1.2/toastr.min.css?rev=e36d7ff8c89b5bb6e9db66a169d59c47">
    <link rel="stylesheet" type="text/css" href="/Public/jslib/jquery-datepickermobile/daterangepicker.mobile.min.css?rev=4b8f568d231361162ae0a21b3c7f2295">
    <link rel="stylesheet" href="/Public/jslib/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" />
</block>
<block name="document">
    <div id="doc" class="container" data-start="{:date('Y-m-d')}" data-islogin="{:session(C('USER_ID'))}">
        <div id="btn-language-pos" class="btn-language-pos" class="dropdown">
            <a data-toggle="dropdown" class="btn-sm typo-text-black-deep" href="javascript:void(0);">
                语言&nbsp;<span class="caret"></span>
            </a>
            <ul class="languageSwitch dropdown-menu">
                <li><a href="javascript:void(0)" data-language="zh_cn">简体</a></li>
                <li><a href="javascript:void(0)" data-language="zh_tw">繁体</a></li>
                <li><a href="javascript:void(0)" data-language="en_us">English</a></li>
            </ul>
        </div>        
        <div id="doc-header" class="navbar navbar-fixed-top">
            <a href="/Home/UserPage/index?hotel={$hotelId}" class="pull-right navbar-icon"><span class="individual-right"></span></a>
        </div>
        <div id="doc-body">
            <div id="hotel-panel-carousel" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#hotel-panel-carousel" data-slide-to="0" class="active"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <div class="inner-item" data-original=""></div>
                    </div>
                </div>
                <div class="carousel-caption nowrap-content">首页</div>
            </div>
            <div class="tabs ulite-js-tabs ulite-js-ripple-effect">
                <div class="tabs-tab-bar">
                    <a href="#hotel-panel" class="col-xs-6 tabs-tab is-active">客栈印象</a>
                    <a href="#room-panel" class="col-xs-6 tabs-tab">我要订房</a>
                    <a href="#shop-panel" class="col-xs-6 tabs-tab hidden" id="shop-show">掌柜优品</a>
                </div>
                <div class="tabs-panel is-active" id="hotel-panel">
                    <div class="content-panel" style="border-bottom: none;">
                        <div class="content-panel-body clearfix" style="text-align: center;">
                            <div class="main-pic-start">
                                <div class="main-pic"  style="position: relative;"></div>
                                <div id="hotelvicon" class="main-pic-icon hidden" style="height: 24px;width: 24px;position: absolute; bottom: 0; right: 0; background-image: url('/Public/src/Home/image/vicon.png');background-size: 24px"></div>
                            </div>

                            <div class="vertical-margin nowrap-content">掌柜：<span class="hotel-panel-contact"></span></div>
                        </div>
                    </div>
                    <div id="hotel-icon-content" class="content-panel hidden" style="border-bottom: none;padding: 0 16px">
                        <div class="list-icon-content">
                                <div id="hotelsafeicon" class="list-icon hidden">
                                        <div class="label">已缴保障金</div>
                                </div>
                                <div id="hotelcrediticon" class="list-icon hidden">
                                        <div class="label">诚信交易</div>
                                </div>
                                <div id="hotelbrandicon" class="list-icon hidden">
                                        <div class="label">优质品牌客栈</div>
                                </div>
                        </div>
                    </div>
                    <div class="content-outside-title"><span class="title-before"></span>客栈信息</div>
                    <div class="content-panel">
                        <div class="content-panel-body clearfix">
                            <div class="vertical-margin nowrap-content">电话：<span class="hotel-panel-mobile"></span></div>
                            <div>
                                <div style="float: left;">地址：</div>
                                <div style="margin-left: 43px;padding-right: 0;" class="vertical-margin icon-line-right"><span class="hotel-panel-address"></span>
                                    <a class="text-primary hotel-panel-map hidden" href=""></a>
                                </div>
                                <div style="clear: both;"></div>
                            </div>

                            <div class="hotel-more-info hidden">
                                <div class="vertical-margin nowrap-content">前台：<span class="hotel-panel-telephone"></span></div>
                                <div class="vertical-margin nowrap-content">微信：<span class="hotel-panel-wechat"></span></div>
                                <div class="vertical-margin nowrap-content complaint-hidden">投诉：<span class="hotel-panel-complaint"></span></div>
                                <div class="vertical-margin">简介：<span class="hotel-panel-desc"></span></div>
                            </div>
                            <div class="hotel-more-info-trigger text-center">
                                <span class="iconfont"></span>
                            </div>
                        </div>
                    </div>
                    <div class="content-outside-title"><span class="title-before"></span>掌柜说</div>
                    <div class="content-panel">
                        <div class="content-panel-body clearfix" id="hotel-panel-special-container" >
                            <div class="hotel-panel-special" style="text-indent: 30px;margin-bottom: 12px;"></div>
                            <div class="hotel-panel-special-img background-cover"></div>
                            <div class="vertical-margin" style="overflow: hidden;margin-bottom: 4px;"><a class="more-zhangGui-info" href="/Home/BookPage/shopkeeper?hotel={$hotelId}">阅读全文</a></div>
                        </div>
                    </div>
                    <div class="content-outside-title"><span class="title-before"></span>客栈标签</div>
                    <div class="content-panel">
                        <div class="content-panel-body clearfix content-panel-body-full" style="padding: 0 16px;">
                            <div class="hotel-panel-tag-container" style="overflow: hidden;"></div>
                        </div>
                    </div>
                    <div class="content-outside-title"><span class="title-before"></span>设施信息</div>
                    <div class="content-panel" style="border-bottom: 0;">
                        <div class="content-panel-body">
                            <div class="hotel-panel-tag-container clearfix" id="hotel-panel-facility">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tabs-panel" id="room-panel">
                    <div style="height: 42px;margin-top: 6px;">
                        <div class="content-outside-title" style="float: left;padding-right: 0;"><span class="title-before"></span>预订时间</div>
                        <div id="choose-room-btn" class="btn-group dropdown hidden" >
                            <a data-toggle="dropdown" class="btn-sm typo-text-black-deep" href="javascript:void(0);"><span class="text-value">间夜房</span>&nbsp;<span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li id="jianyefang" class="button-click"><a href="javascript:void(0)">间夜房</a></li>
                                <li id="zhongdianfang" class="hidden"><a href="javascript:void(0)" >钟点房</a></li>
                                <li id="changzufang" class="hidden"><a href="javascript:void(0)">长租房</a></li>
                            </ul>
                        </div>                            
                    </div>
                    <div class="normal-room">
                        <div class="content-panel room-panel-date-picker" style="border-bottom: none;">
                            <div class="content-panel-body clearfix">
                                <div class="vertical-margin nowrap-content has-icon-line"><span class="time-icon"></span> <span class="room-panel-date"></span> 入住，住 <span class="room-panel-night">1</span> 晚</div>
                            </div>
                        </div>
                        <div class="content-outside-title"><span class="title-before"></span>房型信息
                            <div class="multiCurrencySelect dropdown hidden">
                                <a data-toggle="dropdown" class="btn-sm typo-text-black-deep"  href="javascript:void(0);"><span class="info"></span>&nbsp;<span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu"></ul>
                            </div>                            
                        </div>
                        <div class="room-panel-types"></div>
                    </div>
                    <div class="hour-room hidden">
                        <div class="content-panel room-panel-time-picker" style="border-bottom: none;">
                            <div class="content-panel-body clearfix">
                                <div class="vertical-margin nowrap-content has-icon-line"><span class="time-icon"></span> <span class="room-panel-time" data-hour="{:date('G')}"></span> 入住，住 <span class="room-panel-hour">2</span> 小时</div>
                            </div>
                        </div>
                        <div class="content-outside-title"><span class="title-before"></span>房型信息
                            <div class="multiCurrencySelect dropdown hidden">
                                <a data-toggle="dropdown" class="btn-sm typo-text-black-deep"  href="javascript:void(0);"><span class="info"></span>&nbsp;<span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu"></ul>
                            </div>                  
                        </div>
                        <div class="hour-room-panel-types" style="margin-top: 6px;padding: 0 0 0 16px;"></div>
                    </div>
                    <div class="long-room hidden">
                        <div class="content-panel room-panel-long-picker" style="border-bottom: none;">
                            <div class="content-panel-body clearfix">
                                <div class="vertical-margin nowrap-content has-icon-line"><span class="time-icon"></span> <span class="room-panel-long" data-long="{:date('Y-m-d')}">{:date('Y-m-d')}</span> 入住，住 <span class="room-panel-month">1</span> 个月</div>
                            </div>
                        </div>
                        <div class="content-outside-title"><span class="title-before"></span>房型信息
                            <div class="multiCurrencySelect dropdown hidden">
                                <a data-toggle="dropdown" class="btn-sm typo-text-black-deep"  href="javascript:void(0);"><span class="info"></span>&nbsp;<span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu"></ul>
                            </div>                            
                        </div>
                        <div class="long-room-panel-types" style="margin-top: 6px;padding: 0 0 0 16px;"></div>
                    </div>
                </div>
                <div class="tabs-panel" id="shop-panel">
                    <div class="shop-panel-types">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <include file="zh_cn:Public:Include_loading" is-hidden="hidden"/>    
    <include file="zh_cn:Public:Include_coupon_modal"/>
    <div class="modal" id="calendarModal" style="padding: 0;">
        <div class="vertical-middle-block container">
            <div class="modal-dialog modal-sm vertical-middle-block-cell modal-relative">
                <div class="modal-content">
                    <div class="modal-header">
                        <div>选择入住、离店时间</div>
                    </div>
                    <div class="modal-body">
                        <table id="dateRangePickerHeader">
                            <tr>
                                <th>日</th>
                                <th>一</th>
                                <th>二</th>
                                <th>三</th>
                                <th>四</th>
                                <th>五</th>
                                <th>六</th>
                            </tr>
                        </table>
                    </div>
                    <div id="dateRangePicker">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--钟点房时间-->
    <div class="modal" id="hourRoomModal" style="padding: 0;">
        <div class="vertical-middle-block container">
            <div class="modal-dialog modal-sm vertical-middle-block-cell modal-relative">
                <div class="modal-content">
                    <div class="modal-header">
                        <div id="hour-room-title"></div>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal">
                        <div class="form-group">
                            <label for="select-hour-checkintime" class="col-xs-3 control-label">入住时间</label>
                            <div class="col-xs-4">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 16px"><span class="select-text" id="select-hour-checkintime"></span> <span class="caret"></span></button>
                                <ul class="dropdown-menu" id="hour-ul">
                                </ul>
                            </div>
                            <label class="col-xs-1 control-label">：</label>
                            <div class="col-xs-4">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 16px"><span class="select-text" id="select-minute-checkintime">00</span> <span class="caret"></span></button>
                                <ul class="dropdown-menu" id="minute-ul" style="height: 200px;overflow-y: scroll;min-width: 120px;">
                                </ul>
                            </div>
                        </div>
                        <div class="form-group" style="margin-top: 10px;">
                            <label for="select-hour" class="col-xs-3 control-label">住</label>
                            <div class="col-xs-9">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 16px"><span class="select-text" id="select-hour" data-value="2">2小时</span> <span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                    <li class="li-option" data-value="2"><a href="#">2小时</a></li>
                                    <li class="li-option" data-value="4"><a href="#">4小时</a></li>
                                    <li class="li-option" data-value="6"><a href="#">6小时</a></li>
                                </ul>
                            </div>
                        </div>
                        </form>
                    </div>
                    <div class="modal-footer" style="border: none">
                        <div class="form-group">
                            <div class="col-xs-12">
                                <button type="button" class="btn-primary btn-raised pull-left" data-dismiss="modal">取消</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitHour">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--长租房时间-->
    <div class="modal" id="longRoomModal" style="padding: 0;">
        <div class="vertical-middle-block container">
            <div class="modal-dialog modal-sm vertical-middle-block-cell modal-relative">
                <div class="modal-content">
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="form-group">
                                <label for="datepicker" class="col-xs-3 control-label">入住时间</label>
                                <div class="col-xs-9">
                                    <input class="form-control" id="datepicker" value="{:date('Y-m-d')}"  data-date-start-date="{:date('Y-m-d')}" data-date-end-date="{:date('Y-m-d',strtotime('+6 months'))}">
                                </div>
                            </div>
                            <div class="form-group" style="margin-top: 10px;">
                                <label for="select-long" class="col-xs-3 control-label">住</label>
                                <div class="col-xs-9">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding-left: 16px"><span class="select-text" id="select-long" data-value="1">1个月</span> <span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                    <li class="li-option" data-value="1"><a href="#">1个月</a></li>
                                    <li class="li-option" data-value="2"><a href="#">2个月</a></li>
                                    <li class="li-option" data-value="3"><a href="#">3个月</a></li>
                                    <li class="li-option" data-value="4"><a href="#">4个月</a></li>
                                    <li class="li-option" data-value="5"><a href="#">5个月</a></li>
                                    <li class="li-option" data-value="6"><a href="#">6个月</a></li>
                                    <li class="li-option" data-value="7"><a href="#">7个月</a></li>
                                </ul>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer" style="border: none">
                        <div class="form-group">
                            <div class="col-xs-12">
                                <button type="button" class="btn-primary btn-raised pull-left" data-dismiss="modal">取消</button>
                                <button type="button" class="btn-primary btn-raised pull-right" id="submitLong">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--设施信息-->
    <div class="modal" id="facility-desc">
        <div class="vertical-middle-block container" style="padding: 0 16px;">
            <div class="modal-dialog modal-sm vertical-middle-block-cell">
                <div class="modal-content">
                    <div class="content-outside-title"><span class="title-before"></span>设施信息</div>
                    <div class="modal-body"><ul></ul></div>
                </div>
            </div>
        </div>
    </div>
    <!--js 使用的tag模板-->
    <script type="text/html" id="templateTag">
        <div class="hotel-panel-tag nowrap-content"></div>
    </script>
    <script type="text/html" id="templateCarouselItem">
        <div class="item">
            <div class="inner-item" data-original=""></div>
        </div>
    </script>
    <script type="text/html" id="templateCarouselIndicator">
        <li data-target="#hotel-panel-carousel" data-slide-to=""></li>
    </script>
    <script type="text/html" id="templateRoomType">
        <div class="content-panel room-panel-type">
            <div class="content-panel-body clearfix room-panel-type-container">
                <div class="fixed-left-container">
                    <div class="fixed-left">
                        <div class="room-panel-type-img background-cover" data-original="">
                            <div class="charityPrice hidden">义卖</div>
                        </div>
                    </div>
                    <div class="room-panel-type-detail">
                        <div class="fixed-right-container">
                            <div class="fixed-right">
                                <div class=" room-panel-type-surplus-info " id="room-panel-type-surplus-info"><span class="room-panel-type-surplus"></span></div>
                                <div id="btn-prevent" class="room-panel-type-book btn-sm btn-accent btn-raised addstyle">预订</div>
                            </div>
                            <div class="room-panel-type-name nowrap-content"></div>
                            <div  class="room-panel-type-extra typo-text-black-light clearfix" id="room-panel-type-extra">
                                <div class="pull-right room-panel-discounts-content"><span class="room-panel-discounts-info hidden"><img src="/Public/uclbrt/image/off-cn.png"/></span><span class="line-down-pay"><img src="/Public/uclbrt/image/offline-cn.png"/></span></div>
                                <span class="text-money" ><span class="text-symbols"></span><span class="room-panel-type-price text-price"></span>
                                    <div class="text-before text-hide hidden">
                                        <span class="text-symbols-shopprice"></span><span class="room-panel-type-shopprice text-price" ></span>
                                    </div>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="text-desc"></div>
        </div>
    </script>
    <script type="text/html" id="templateHourRoomType">
        <div class="content-panel room-panel-type">
            <div class="content-panel-body clearfix room-panel-type-container">
                <div class="fixed-left-container">
                    <div class="fixed-left">
                        <div class="room-panel-type-img background-cover" data-original="">
                            <div class="charityPrice hidden">义卖</div>
                        </div>
                    </div>
                    <div class="room-panel-type-detail">
                        <div class="fixed-right-container">
                            <div class="fixed-right">
                                <div class="room-panel-type-surplus-info" id="room-panel-type-surplus-info"><span class="room-panel-type-surplus"></span></div>
                                <div id="btn-hour-prevent" class="hour-room-book btn-sm btn-accent btn-raised addstyle ">预订</div>
                            </div>
                            <div class="room-panel-type-name nowrap-content"></div>
                            <div  class="room-panel-type-extra typo-text-black-light clearfix" id="room-panel-type-extra">
                                <div class="pull-right room-panel-discounts-content"><span class="line-down-pay"><img src="/Public/uclbrt/image/offline-cn.png"/></span></div>
                                <span class="text-money"><span class="text-symbols"></span><span class="room-panel-type-price text-price"></span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="text-desc"></div>
        </div>
    </script>
    <script type="text/html" id="templateLongRoomType">
        <div class="content-panel room-panel-type">
            <div class="content-panel-body clearfix room-panel-type-container">
                <div class="fixed-left-container">
                    <div class="fixed-left">
                        <div class="room-panel-type-img background-cover" data-original="">
                            <div class="charityPrice hidden">义卖</div>
                        </div>
                    </div>
                    <div class="room-panel-type-detail">
                        <div class="fixed-right-container">
                            <div class="fixed-right">
                                <div class="room-panel-type-surplus-info" id="room-panel-type-surplus-info"><span class="room-panel-type-surplus"></span></div>
                                <div id="btn-long-prevent" class="long-room-book btn-sm btn-accent btn-raised addstyle ">预订</div>
                            </div>
                            <div class="room-panel-type-name nowrap-content"></div>
                            <div  class="room-panel-type-extra typo-text-black-light clearfix" id="room-panel-type-extra">
                                <div class="pull-right room-panel-discounts-content"><span class="line-down-pay"><img src="/Public/uclbrt/image/offline-cn.png"/></span></div>
                                <span class="text-money"><span class="text-symbols"></span><span class="room-panel-type-price text-price"></span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="text-desc"></div>
        </div>
    </script>
    <script type="text/html" id="templateShopType">
        <div class="content-panel shop-panel-type">
            <div class="clearfix shop-panel-type-container">
                <div class="fixed-left-container">
                    <div class="fixed-left">
                        <img src="/Public/src/Home/image/uclbrt.jpg" width="52px" class="img-circle">
                    </div>
                    <div class="shop-panel-type-detail">
                        <div class="fixed-right-container">
                            <div class="shop-fixed-right">
                                <div class="btn-sm shop-panel-type-book">进店</div>
                                <div class="shop-panel-collect">收藏<span class="collect-num"></span></div>
                            </div>
                            <div class="shop-panel-type-name nowrap-content"></div>
                            <div class="shop-panel-type-extra clearfix">
                                <div class="shop-panel-info row">
                                    <span class="shop-panel-sales">销量<span class="sales-num"></span>件 </span>
                                    <span class="shop-panel-goods">宝贝<span class="goods-num"></span>件</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shop-panel-img">
                <div class="shop-panel-cover">
                    <div class="shop-panel-price"></div>
                    <div class="shop-panel-price-detail"><span class="shop-price"></span></div>
                </div>
            </div>
        </div>
    </script>
    <script type="text/html" id="templateCurrency">
        <li><a href="javascript:void(0)"></a></li>
    </script>
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/jslib/jquery-lazyload/1.9.5/jquery.lazyload.min.js?rev=6a039cfdf0ce9f477300675c0b167670"></script>
    <script type="text/javascript" src="/Public/jslib/toastr/2.1.2/toastr.min.js?rev=1778e466055d4a265993e979c174c338"></script>
    <script type="text/javascript" src="/Public/jslib/jquery-datepickermobile/daterangepicker.mobile.js?rev=f86c827afa07488bfe05c96935605db3"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/index.js?rev=a7d61f54ecb5553f0fd22565794769bd"></script>
    <script type="text/javascript" src="/Public/dist/Home/BookPage/shop.js?rev=a7d61f54ecb5553f0fd22565794769bc"></script>
    <script type="text/javascript" src="/Public/jslib/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
    <script type="text/javascript" src="/Public/jslib/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
</block>
